<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    /* 将ul里的第一个li设置为红色 */
    /* 伪类(不存在的类,特殊的类)
      - 伪类用来描述一个元素的特殊状态
          比如:第一个子元素,被点击的元素,鼠标移动的元素....
      - 伪类一般情况下都是用":"开头
      :first-child 第一个子元素
      :last-child  最后一个子元素
      :nth-child() 选中第n个子元素
            特殊值:
                n 第n个 n的范围0到正无穷
                2n 偶数
                
                以上这些是伪类都是根据所有子元素进行排序
                
            :first-of-type
            :last-of-type
            :nth-of-type()
                以上这些伪类都是根据所有兄弟元素进行排序
                
            - not()否定伪类
              - 将符合条件的元素从选择器中去除
            */
    ul>li:first-child{
        color: red;
    }
</style>
<body>
   <ul>
    <li>第一个</li>
    <li >第二个</li>
    <li>第三个</li>
    <li>第四个</li>
    <li>第五个</li>
   </ul>
</body>
</html>